body{ margin:0; padding:0; font-family: 'Microsoft YaHei';}

@media (max-width: 768px) {
.left_part{background-image:url(../../images/login_bg_01.jpg); background-position:center; background-repeat:no-repeat; z-index:0}
.right_part{z-index:1}
.login{ height:100%; width:100%; position:absolute; left:0; right:0; top:0; bottom:0;}
.login>div{ width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0;}
.login .logo{ margin-top:5%;}
.login .logo>div{ margin:auto; padding:10px 0;color:#fff; font-size:16px; text-align:center;}
.login .logo>div>p{margin: 5px;}
.login .logo>div>p:first-child{ font-size:22px; font-weight:bold;margin: 5px;}

.login .login_form{ margin:140px auto auto auto; max-width:400px;}
.login .login_form>div.border_line{ margin:10px; padding:12px;}
.login .login_form>div.border_line>div{ background-color:#fff; border-radius:10px; padding:20px;}
.login .login_form .title{ text-align:center; display:none;}
.login .login_form .title span{ display:block; margin:auto; font-size:24px; border-bottom:2px solid #1e66dc; color:#000; width:100px;}
.login .login_form .form{ background-color:#fff; border-radius:8px; padding: 10px 0 0 0;}
.login .login_form .form p{ border:1px solid #e5e5e5; border-radius:2px; line-height:32px; margin:5px 0; padding:0 30px; font-size:14px; color:#404040;}
.login .login_form .form p:last-child{ border:none;}
.login .login_form .form p input[type='text'],.login .login_form .form p input[type='password']{ width:100px; border:none; font-size:14px;}
.login .login_form .form p input[type='checkbox']{ border:1px solid #ccc;}
.login .login_form .form p.checkbox{ font-size:14px; text-align:center; line-height:40px}
.login .login_form .submit_btn{ margin-top:10px;}
.login .login_form .submit_btn button{ font-size:16px; width:100%; border-radius:2px; color:#fff; background-color:#1e66dc; text-align:center; line-height:32px; border:none;}
.login .login_form .links{ font-size:14px; text-align:center;}
.login .login_form .links a{ text-decoration:none; color:#697693; margin:0 4px;}	
	
}


@media (min-width: 769px) and (max-width:1200px ) {
.left_part{background-image:url(../../images/login_bg_01.jpg); background-position:center; background-repeat:no-repeat; z-index:0}
.right_part{z-index:1}
.login{ height:100%; width:100%; position:absolute; left:0; right:0; top:0; bottom:0;}
.login>div{ width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0;}
.login .logo{ margin-top:5%;}
.login .logo>div{ margin:auto; padding:10px 80px; width:360px;color:#fff; font-size:28px; text-align:center;}
.login .logo>div>p{margin: 20px;}
.login .logo>div>p:first-child{ font-size:42px; font-weight:bold;margin: 20px;}

.login .login_form{ margin-top:25%;}
.login .login_form>div.border_line{ width:400px; margin:auto; padding:12px; background-color:rgba(255,255,255,0.2); border-radius:10px;border: 1px solid #fff;}
.login .login_form>div.border_line>div{ background-color:#fff; border-radius:10px; padding:20px;}
.login .login_form .title{ text-align:center; display:none;}
.login .login_form .title span{ display:block; margin:auto; font-size:24px; border-bottom:2px solid #1e66dc; color:#000; width:100px;}
.login .login_form .form{ background-color:#fff; border-radius:8px; padding: 10px 0 0 0;}
.login .login_form .form p{ border:1px solid #e5e5e5; border-radius:5px; line-height:50px; margin:5px 0; padding:0 30px; font-size:22px; color:#404040;}
.login .login_form .form p:last-child{ border:none;}
.login .login_form .form p input[type='text'],.login .login_form .form p input[type='password']{ width:150px; border:none; font-size:16px;}
.login .login_form .form p input[type='checkbox']{ border:1px solid #ccc;}
.login .login_form .form p.checkbox{ font-size:14px; text-align:center; line-height:40px}
.login .login_form .submit_btn{ margin-top:20px;}
.login .login_form .submit_btn button{ font-size:18px; width:100%; border-radius:8px; color:#fff; background-color:#1e66dc; text-align:center; line-height:50px; border:none;}
.login .login_form .links{ font-size:14px; text-align:center;}
.login .login_form .links a{ text-decoration:none; color:#697693; margin:0 10px;}	
}

@media (min-width:1201px) {
.left_part{ float:left; width:60%; background-image:url(../../images/login_bg_01.jpg); background-position:right center; background-repeat:no-repeat; background-size: 100% auto;}
.right_part{ float:right;width:40%; background-color:#f2f2f2;}
.login{ height:100%; width:100%; position:absolute; left:0; right:0; top:0; bottom:0;}
.login>div{height:100%;}
.login .logo{ margin-top:32%;}
.login .logo>div{ margin:auto; padding:40px 80px; width:360px; height:200px; background-color:rgba(11,56,130,0.6); color:#fff; font-size:28px; text-align:center;}
.login .logo>div>p:first-child{ font-size:42px; font-weight:bold;margin: 30px;}

.login .login_form{ margin-top:45%;}
.login .login_form>div{ width:400px; margin:0 auto;}
.login .login_form .title{ text-align:center;}
.login .login_form .title span{ display:block; margin:auto; font-size:24px; border-bottom:2px solid #1e66dc; color:#000; width:100px;}
.login .login_form .form{ background-color:#fff; border-radius:8px; padding: 10px 0 0 0;}
.login .login_form .form p{ border-top:1px solid #e5e5e5; line-height:50px; margin:0; padding:0 30px; font-size:22px; color:#404040;}
.login .login_form .form p:first-child{ border:none;}
.login .login_form .form p input[type='text'],.login .login_form .form p input[type='password']{ width:200px; border:none; font-size:16px;}
.login .login_form .form p input[type='checkbox']{ border:1px solid #ccc;}
.login .login_form .form p.checkbox{ font-size:14px; text-align:center; line-height:40px}
.login .login_form .submit_btn{ margin-top:20px;}
.login .login_form .submit_btn button{ font-size:18px; width:100%; border-radius:8px; color:#fff; background-color:#1e66dc; text-align:center; line-height:50px; border:none;}
.login .login_form .links{ font-size:14px; text-align:center;}
.login .login_form .links a{ text-decoration:none; color:#697693; margin:0 10px;}	
}


